<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <f:view contentType="text/html">
        <h:head>
            <f:facet name="first">
                <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
                <title>Bajlam System</title>
            </f:facet>
        </h:head>

        <h:body>

            <p:layout fullPage="true">
   
                <p:layoutUnit position="north" size="150" resizable="true" closable="true" collapsible="true" >
<img src="../Cabeza.png" width="100%" height="37" alt="Cabeza"/>
                 <center><H1>Bajlam System</H1> </center>
       

                </p:layoutUnit>

                <p:layoutUnit position="south" size="100" closable="true" collapsible="true">
                    <center><FONT FACE="raro, courier" COLOR="red">
 UMG,Sololá</FONT></center>
                    <img src="../pie.jpg" width="100%" height="37" alt="Cabeza"/>
                </p:layoutUnit>

                <p:layoutUnit position="west" size="175" header="Ocultar" collapsible="true">
                    <p:menu>
                        <p:submenu label="Modulos">
                            <p:menuitem value="Ventas" outcome="index.xhtml" />
                            <p:menuitem value="Facturación" outcome="Facturacion.xhtml" />
                        </p:submenu>

                    </p:menu>
                </p:layoutUnit>

                <p:layoutUnit position="center" style="background-color:#FFFFFF;">
                    
  <h:form id="form">
    <p:growl id="msgs" />
 
    <h:panelGrid columns="1"  id="image">
        
    <p:panel header="Información Cliente" >
        <h:panelGrid columns="10" cellpadding="5">
            <h:outputLabel value="Cliente:" for="txt_des"></h:outputLabel>
            <p:autoComplete id="ddd" dropdown="true" value="#{client.clie}" completeMethod="#{client.completeClie}" /> 
            <h:outputLabel value="Fecha:" for="txt_des"></h:outputLabel>  
            <p:calendar value="#{facturacion.fecha}" id="popupCal" /> 
            <h:outputLabel value="Condiciones De Pago:" for="condicion"></h:outputLabel>
            <p:selectOneMenu value="#{facturacion.pago}">  
                 <f:selectItem itemLabel="Select One" itemValue="" />  
                 <f:selectItem itemLabel="Contra Entrega" itemValue="1" />  
                 <f:selectItem itemLabel="Pago en dias" itemValue="2" />  
             </p:selectOneMenu>
            <p:spinner id="minmax" value="#{facturacion.dias}" min="0" max="365" size="1"/> 
        </h:panelGrid>
    </p:panel>
    
    <p:panel header="Agregar producto" >
        
        <h:panelGrid columns="6" cellpadding="5">
            
            <h:outputLabel value="Producto" for="txt_co"></h:outputLabel>
            <p:autoComplete id="dddd" dropdown="true" value="#{facturacion.articulo}" completeMethod="#{producto.completeProd}" /> 
            
            <h:outputLabel value="Descuento:" for="txt_des"></h:outputLabel>
            <p:spinner id="prefix" value="#{facturacion.descuento}" prefix="%" min="0" size="1" />
            
            <h:outputLabel value="Cantidad:" for="txt_co"></h:outputLabel>
            <p:inputText id="txt_cant" value="#{facturacion.cantidad}" required="true" size="5"/>
            
            <p:commandButton id="btn_reset" value="Reset" type="reset"/>
            <p:commandButton ajax="false" action="#{facturacion.addAction}" value="Agregar"/> 
               
        </h:panelGrid>
    </p:panel>
 
 </h:panelGrid>   
    
    
    <p:outputPanel id="books">
        <p:dataTable value="#{facturacion.orderList}" var="cli"  widgetVar="50" style="width: 100%;"  editable="true" scrollable="true" scrollHeight="170" id="produktos">
                    <f:facet name="header">  
                        Listado De Productos  
                    </f:facet>
            <p:ajax event="rowEdit" listener="#{facturacion.onEdit}" update=":form1:messages" />  
            <p:ajax event="rowEditCancel" listener="#{facturacion.onCancel}" update=":form1:messages" /> 
                    <p:column>
                        <f:facet name="header">  
                            <h:outputText value="Cantidad" />  
                        </f:facet>
                        <p:cellEditor>  
                            <f:facet name="output">  
                                <h:outputText value="#{cli.cantidad}" />  
                            </f:facet>  
                            <f:facet name="input">  
                                <p:inputText value="#{cli.cantidad}" style="width:100%"/>  
                            </f:facet>  
                        </p:cellEditor> 
                    </p:column>

                    <p:column>
                        <f:facet name="header">  
                            <h:outputText value="Articulo" />  
                        </f:facet>
                        <p:cellEditor>  
                            <f:facet name="output">  
                                <h:outputText value="#{cli.articulo}" />  
                            </f:facet>  
                            <f:facet name="input">  
                                <p:inputText value="#{cli.articulo}" style="width:100%"/>  
                            </f:facet>  
                        </p:cellEditor>
                    </p:column>

                    <p:column>
                        <f:facet name="header">  
                            <h:outputText value="Precio Unitario" />  
                        </f:facet>
                        <p:cellEditor>  
                            <f:facet name="output">  
                                <h:outputText value="#{cli.preciou}" />  
                            </f:facet>  
                            <f:facet name="input">  
                                <p:inputText value="#{cli.preciou}" style="width:100%"/>  
                            </f:facet>  
                        </p:cellEditor>
                    </p:column>   
                    
                    <p:column>
                        <f:facet name="header">  
                            <h:outputText value="Descuento" />  
                        </f:facet>
                        <p:cellEditor>  
                            <f:facet name="output">  
                                <h:outputText value="#{cli.descuento}" />  
                            </f:facet>  
                            <f:facet name="input">  
                                <p:inputText value="#{cli.descuento}" style="width:100%"/>  
                            </f:facet>  
                        </p:cellEditor>
                    </p:column>   
                    
                   <p:column>
                        <f:facet name="header">  
                            <h:outputText value="Total" />  
                        </f:facet>
                        <p:cellEditor>  
                            <f:facet name="output">  
                                <h:outputText value="#{cli.total}" />  
                            </f:facet>  
                            <f:facet name="input">  
                                <p:inputText value="#{cli.total}" style="width:100%"/>  
                            </f:facet>  
                        </p:cellEditor>
                    </p:column> 
                    

                    
                    
                    <p:column headerText="Options" style="width:50px">  
                        <p:rowEditor />  
                    </p:column> 
                </p:dataTable>
    </p:outputPanel>
    
    <h:panelGrid columns="3">
    <p:commandButton value="Guardar" id="save" actionListener="#{buttonView.buttonAction}" styleClass="ui-priority-primary" />
    <p:commandButton value="Cancelar" id="cancel" actionListener="#{buttonView.buttonAction}" styleClass="ui-priority-primary" />
     <p:commandButton value="Imprimir" type="button" icon="ui-icon-print" style="display:block;">
     <p:printer target="image" />
     </p:commandButton>
    </h:panelGrid>
    
    
</h:form>
                </p:layoutUnit>

            </p:layout>

        </h:body>

    </f:view>
</html>


